<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>.::SaberSAI::.</title>
	<link REL="SHORTCUT ICON"
		href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/icon.png" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/css/style.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/style.css" />
</h:head>

<h:body>

	<p:layout fullPage="true" id="fullPage">

		<p:growl id="messages" showDetail="true" />

		<p:layoutUnit id="left" position="west" size="430" resizable="false"
			closable="false" collapsible="true"
			header="Consultar Colegios-Paquetes">

			<p:tabView scrollable="true" id="tabView" dynamic="true" cache="true"
				activeIndex="0" style="margin-top:-4px;">


				<!-- +++++++++++++++++++++++++ TABLA COLEGIOS +++++++++++++++++++++++++ -->


				<p:tab id="tabColegios" title="Colegios">

					<h:form id="formColegio">

						<p:dataTable var="colegio" id="tablaColegio"
							widgetVar="_tablaColegio" value="#{colegioView.allColegios}"
							emptyMessage="No se encontraron colegios." paginator="true"
							paginatorAlwaysVisible="true"
							paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
							rowsPerPageTemplate="5,15,30" rows="30" resizableColumns="false"
							rowKey="#{colegio.colecoddanen}" selectionMode="single"
							selection="#{calificacionView.selectedColegio}" lazy="true"
							onExpandStart="_tablaColegio.filter()">

							<p:ajax process="tablaColegio" event="rowSelect"
								listener="#{calificacionView.onRowSelectColegio}"
								update=":formTablaPaquetes:tablaPaquetes, :formTablaSalones:tablaSalones, :dialogCrearPaquete, :dialogCrearSalon, :formTablaSalones:infoFooter, :dialogModificarPaquete, :formTabViewCalificacion"
								onstart="resetPageTableGrupo()" />

							<p:ajax process="tablaColegio" event="rowUnselect"
								listener="#{calificacionView.onRowUnSelectColegio}"
								update=":formTablaPaquetes:tablaPaquetes, :formTablaSalones:tablaSalones, :dialogCrearPaquete, :dialogCrearSalon, :formTablaSalones:infoFooter, :dialogModificarPaquete, :formTabViewCalificacion" />

							<p:column filterBy="#{colegio.colecoddanen}" style="width:35px;"
								sortBy="#{colegio.colecoddanen}" resizable="true">
								<f:facet name="header">
									<h:outputText value="DANE" />
								</f:facet>
								<h:outputText id="dane" value="#{colegio.colecoddanen}" />
								<p:tooltip for="dane"
									value="#{colegio.colecoddanen} #{colegio.coledescripv} (#{colegio.lugadescripv})"
									showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
							</p:column>

							<p:column filterBy="#{colegio.coledescripv}"
								sortBy="#{colegio.coledescripv}" resizable="true">
								<f:facet name="header">
									<h:outputText value="Colegio" />
								</f:facet>
								<h:outputText id="nombreColegio"
									value="#{colegio.coledescripv} (#{colegio.lugadescripv}) ">
									<f:converter converterId="stringLimiterConverter" />
									<f:attribute name="limit" value="40" />
								</h:outputText>
								<p:tooltip for="nombreColegio"
									value="#{colegio.colecoddanen} #{colegio.coledescripv} (#{colegio.lugadescripv})"
									showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
							</p:column>
						</p:dataTable>
					</h:form>

					<script type="text/javascript">
               			 function resetPageTableGrupo(){
                    	_tablaPaquetes.getPaginator().setPage(0);
               			 }
					</script>


					<!-- +++++++++++++++++++++++++ COMBO DPTO-MUNICIPIO +++++++++++++++++++++++++ -->


					<h:form>
						<p:accordionPanel activeIndex="null" multiple="true">
							<p:tab title="Seleccionar Dpto-Municipio">
								<p:panel style="border: 0px;">

									<h:panelGrid columns="2" style="height:90px">

										<h:outputText value="Departamento: " />
										<p:selectOneMenu id="cmbDptos"
											value="#{colegioView.dptoSelect}" style="width: 178;"
											binding="#{colegioView.cmbDpto}" disabled="false"
											styleClass="inputstyle">
											<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
											<f:selectItems value="#{colegioView.listDpto}" var="dpto"
												itemLabel="#{dpto.lugadescripv}" itemValue="#{dpto.lugaidn}" />
											<p:ajax event="change"
												listener="#{colegioView.listener_CmbDpto}"
												update="cmbCiudades, :tabView:formColegio:tablaColegio "
												onstart="_tablaColegio.filter()" />
										</p:selectOneMenu>

										<h:outputText value="Ciudad: " />
										<p:selectOneMenu id="cmbCiudades"
											value="#{colegioView.ciuSelect}" style="width: 178;"
											binding="#{colegioView.cmbCiudad}" disabled="false">
											<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
											<f:selectItems value="#{colegioView.listCiudad}" var="ciu"
												itemLabel="#{ciu.lugacoddanen}"
												itemValue="#{ciu.lugacoddanen}" />
											<p:ajax event="change"
												listener="#{colegioView.getAllColegios}"
												update=":tabView:formColegio:tablaColegio"
												onstart="_tablaColegio.filter()" />
										</p:selectOneMenu>
									</h:panelGrid>
									<br />
								</p:panel>
							</p:tab>
						</p:accordionPanel>
					</h:form>
				</p:tab>


				<!-- +++++++++++++++++++++++++ TABLA DISTRIBUIDORES +++++++++++++++++++++++++ -->


				<p:tab id="tabDistribuidores" title="Distribuidores">

					<p:dataTable value="#{distribuidorView.data}" var="distribuidor"
						emptyMessage="No se encontraron distribuidores." paginator="true"
						rows="30">
						<p:column filterBy="#{distribuidor.distnombrev}"
							sortBy="#{distribuidor.distnombrev}">
							<f:facet name="header">
								<h:outputText value="Distribuidor" />
							</f:facet>
							<h:outputText value="#{distribuidor.distnombrev}" />
						</p:column>
					</p:dataTable>

				</p:tab>
			</p:tabView>
		</p:layoutUnit>


		<p:layoutUnit id="center" position="center" size="286"
			resizable="false" closable="false" collapsible="false">


			<!-- +++++++++++++++++++++++++ MENU GRUPOS +++++++++++++++++++++++++ -->


			<h:form>
				<p:panelGrid style="margin-top:-2px">

					<p:row>
						<p:column style="font-weight: bold; width:10%;">
							<p:menubar
								style="border: none; margin-left: -10px;  margin-top: -4px;  margin-bottom: -3px; margin-right: -10px; ">
								<p:menuitem id="crearColegio" value="" icon="crearcolegio-icon"
									url="/XHTML/colegio.xhtml" target="_blank" />

								<p:menuitem id="addPaquete" value="" icon="addpaquete-icon"
									actionListener="#{calificacionView.crearPaquete}"
									update=":messages" />

								<p:menuitem id="editPaquete" value="" icon="editpaquete-icon"
									actionListener="#{calificacionView.editarPaquete}"
									update=":messages, :dialogModificarPaquete" />

								<p:menuitem id="deletePaquete" value=""
									icon="deletepaquete-icon"
									actionListener="#{calificacionView.eliminarPaquete}"
									update=":messages, :dialogModificarPaquete, :formTablaPaquetes:tablaPaquetes, :formTablaSalones:tablaSalones, :formTablaSalones:infoFooter, :formTabViewCalificacion:tabViewCalificaciones"
									onstart="return confirm('Realmente desea borrar este paquete?')" />
							</p:menubar>

							<p:tooltip for="crearColegio" value="Crear Colegio"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
							<p:tooltip for="addPaquete" value="Crear Paquete"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
							<p:tooltip for="editPaquete" value="Editar Paquete"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
							<p:tooltip for="deletePaquete" value="Eliminar Paquete"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
						</p:column>
					</p:row>
				</p:panelGrid>
			</h:form>


			<!-- +++++++++++++++++++++++++ CREAR PAQUETE +++++++++++++++++++++++++ -->


			<p:dialog id="dialogCrearPaquete" header="Crear Paquete"
				widgetVar="_dialogCrearPaquete" appendToBody="true" modal="true"
				width="475" height="220" resizable="false" draggable="false"
				showEffect="clip" hideEffect="clip">

				<p:ajax event="close" listener="#{calificacionView.closePaquete}"
					update="dialogCrearPaquete" />

				<h:form style="width:450px; position:absolute;">

					<p:panel>
						<p:messages id="msg" showDetail="false" />

						<h:panelGrid columns="2" id="panelGridCrearPaquete">

							<h:panelGrid columns="2">
								<h:outputText value="Colegio: " />
								<h:outputText
									value="#{calificacionView.selectedColegio.coledescripv}"
									rendered="true" />

								<h:outputText value="Grupo: " />
								<p:selectOneMenu value="#{calificacionView.grupoSelect}"
									style="width: 210;" binding="#{calificacionView.cmbGrupo}"
									disabled="false" styleClass="inputstyle">
									<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
									<f:selectItems value="#{calificacionView.listGrupo}"
										var="grupo"
										itemLabel="#{grupo.cursdescripv}° #{grupo.cursnombrev}"
										itemValue="#{grupo.cursidn}" />
								</p:selectOneMenu>

								<h:outputText value="Distribuidor: " />
								<p:selectOneMenu value="#{calificacionView.distribuidorSelect}"
									style="width: 210;"
									binding="#{calificacionView.cmbDistribuidor}" disabled="false"
									styleClass="inputstyle">
									<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
									<f:selectItems value="#{calificacionView.listDistribuidor}"
										var="distribuidor" itemLabel="#{distribuidor.distnombrev}"
										itemValue="#{distribuidor.distidn}" />
								</p:selectOneMenu>
							</h:panelGrid>

							<p:graphicImage url="/images/logo3editores.png" />
						</h:panelGrid>

						<h:panelGrid id="panelBotonesCrearPaquete" columns="2"
							style="margin: 0 auto">
							<p:commandButton disabled="false" value="Guardar"
								action="#{calificacionView.action_save_paquete}"
								update="msg, panelGridCrearPaquete, panelBotonesCrearPaquete,:formTablaPaquetes:tablaPaquetes, :formTablaSalones:tablaSalones, :formTabViewCalificacion:tabViewCalificaciones"
								binding="#{calificacionView.btnSavePaquete}" />

							<p:commandButton disabled="false" value="Limpiar"
								action="#{calificacionView.action_clear_paquete}"
								update="msg, panelGridCrearPaquete, panelBotonesCrearPaquete"
								binding="#{calificacionView.btnClearPaquete}" />
						</h:panelGrid>

					</p:panel>
				</h:form>
			</p:dialog>


			<!-- +++++++++++++++++++++++++ MODIFICAR PAQUETE +++++++++++++++++++++++++ -->


			<p:dialog id="dialogModificarPaquete" header="Modificar Paquete"
				widgetVar="_dialogModificarPaquete" appendToBody="true" modal="true"
				width="475" height="220" resizable="false" draggable="false"
				showEffect="clip" hideEffect="clip">


				<p:ajax event="close" listener="#{calificacionView.closePaquete}"
					update="dialogModificarPaquete" />

				<h:form style="width:450px; position:absolute;">

					<p:panel>
						<p:messages id="msg" showDetail="false" />
						<h:panelGrid columns="2" id="panelGridModificarPaquete">
							<h:panelGrid columns="2">
								<h:outputText value="Colegio: " />
								<h:outputText
									value="#{calificacionView.selectedColegio.coledescripv}"
									rendered="true" />

								<h:outputText value="Grupo: " />
								<p:selectOneMenu value="#{calificacionView.grupoSelect}"
									style="width: 210;"
									binding="#{calificacionView.cmbGrupoModificar}"
									disabled="false" styleClass="inputstyle">

									<f:selectItems value="#{calificacionView.listGrupo}"
										var="grupo"
										itemLabel="#{grupo.cursdescripv}° #{grupo.cursnombrev}"
										itemValue="#{grupo.cursidn}" />
								</p:selectOneMenu>

								<h:outputText value="Distribuidor: " />
								<p:selectOneMenu value="#{calificacionView.distribuidorSelect}"
									style="width: 210;"
									binding="#{calificacionView.cmbDistribuidorModificar}"
									disabled="false" styleClass="inputstyle">
									<f:selectItems value="#{calificacionView.listDistribuidor}"
										var="distribuidor" itemLabel="#{distribuidor.distnombrev}"
										itemValue="#{distribuidor.distidn}" />
								</p:selectOneMenu>

							</h:panelGrid>
							<p:graphicImage url="/images/logo3editores.png" />
						</h:panelGrid>

						<h:panelGrid id="panelBotonesModificarPaquete" columns="2"
							style="margin: 0 auto">
							<p:commandButton disabled="false" value="Modificar"
								action="#{calificacionView.action_modify_paquete}"
								update=":messages, panelGridModificarPaquete, panelBotonesModificarPaquete, :formTablaPaquetes:tablaPaquetes, :formTablaSalones:tablaSalones, :formTablaSalones:infoFooter, :formTabViewCalificacion:tabViewCalificaciones"
								binding="#{calificacionView.btnModPaquete}"
								oncomplete="_dialogModificarPaquete.hide()" />
						</h:panelGrid>

					</p:panel>
				</h:form>
			</p:dialog>


			<!-- +++++++++++++++++++++++++ TABLA PAQUETES +++++++++++++++++++++++++ -->


			<h:form id="formTablaPaquetes">
				<p:panelGrid style="margin-top:-2px">
					<p:row>

						<p:column style=" width:10%;">

							<p:dataTable var="paquetes" id="tablaPaquetes"
								widgetVar="_tablaPaquetes"
								style="height: 262; border: none; margin-left: -10px;  margin-top: -4px;  margin-bottom: -4px; margin-right: -10px; "
								value="#{calificacionView.listGruposColegio}"
								emptyMessage="No se encontraron grupos." paginator="true"
								paginatorPosition="top" rows="8" rowKey="#{paquetes.caliidn}"
								selectionMode="single"
								selection="#{calificacionView.selectedGrupo}">

								<p:ajax process="tablaPaquetes" event="rowSelect"
									listener="#{calificacionView.onRowSelectGrupo}"
									update=":formTablaSalones:tablaSalones, :dialogCrearSalon, :formTablaSalones:infoFooter, :formTabViewCalificacion" />

								<p:ajax event="rowUnselect"
									listener="#{calificacionView.onRowUnSelectGrupo}"
									update=":formTablaSalones:tablaSalones, :dialogCrearSalon,  :formTablaSalones:infoFooter, :formTabViewCalificacion" />

								<p:column
									filterBy="#{paquetes.curso.cursdescripv} #{paquetes.curso.cursnombrev}">
									<f:facet name="header">
										<h:outputText value="Grupo" />
									</f:facet>
									<h:outputText
										value="#{paquetes.curso.cursdescripv}° #{paquetes.curso.cursnombrev}" />
								</p:column>

								<p:column filterBy="#{paquetes.califechad}"
									filterOptions="#{calificacionView.fechasOptions}"
									filterMatchMode="contains"
									value="#{calificacionView.fechaSelect}">
									<f:facet name="header">
										<h:outputText value="Fecha" />
									</f:facet>
									<h:outputText value="#{paquetes.califechad}">
										<f:convertDateTime type="date" pattern="yyyy-MM-dd" />
									</h:outputText>
								</p:column>
							</p:dataTable>
						</p:column>
					</p:row>
				</p:panelGrid>
			</h:form>


			<!-- +++++++++++++++++++++++++ MENU SALONES +++++++++++++++++++++++++ -->


			<h:form>
				<p:panelGrid style="margin-top:-2px">
					<p:row>
						<p:column style="font-weight: bold; width:10%;">

							<p:menubar
								style="border: none; margin-left: -10px;  margin-top: -4px;  margin-bottom: -3px; margin-right: -10px; ">
								<p:menuitem id="addSalon" value="" icon="addsalon-icon"
									actionListener="#{calificacionView.crearSalon}"
									update=":messages">
								</p:menuitem>

								<p:menuitem id="editSalon" value="" icon="editsalon-icon"
									actionListener="#{calificacionView.editarSalon}"
									update=":messages, :dialogModificarSalon" />

								<p:menuitem id="deleteSalon" value="" icon="deletesalon-icon"
									actionListener="#{calificacionView.eliminarSalon}"
									update=":messages, :dialogModificarPaquete, :formTablaSalones:tablaSalones, :formTabViewCalificacion:tabViewCalificaciones"
									onstart="return confirm('Realmente desea borrar este salón?')">

								</p:menuitem>
							</p:menubar>

							<p:tooltip for="addSalon" value="Crear Salón" showEffect="fade"
								hideEffect="fade" style="font-size: 11px;" />
							<p:tooltip for="editSalon" value="Editar Salón" showEffect="fade"
								hideEffect="fade" style="font-size: 11px;" />

							<p:tooltip for="deleteSalon" value="Eliminar Salón"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
						</p:column>
					</p:row>
				</p:panelGrid>
			</h:form>


			<!-- +++++++++++++++++++++++++ CREAR SALON +++++++++++++++++++++++++ -->


			<p:dialog id="dialogCrearSalon" header="Crear Salón"
				widgetVar="_dialogCrearSalon" appendToBody="true" modal="true"
				width="600" height="250" resizable="false" draggable="false"
				showEffect="clip" hideEffect="clip">

				<p:ajax event="close" listener="#{calificacionView.closeSalon}"
					update="dialogCrearSalon" />

				<h:form>
					<p:panel>
						<p:messages id="msg" showDetail="false" />
						<h:panelGrid columns="2" id="panelGridCrearSalones">
							<h:panelGrid columns="1">

								<p:panelGrid>
									<p:row>
										<p:column style="font-weight: bold;">COLEGIO: </p:column>
										<p:column colspan="5">
											<h:outputText
												value="#{calificacionView.selectedColegio.colecoddanen} - #{calificacionView.selectedColegio.coledescripv}" />
										</p:column>
									</p:row>

									<p:row>
										<p:column style="font-weight: bold;">PAQUETE: </p:column>
										<p:column>
											<h:outputText
												value="#{calificacionView.selectedGrupo.caliidn}" />
										</p:column>
										<p:column style="font-weight: bold;">GRUPO: </p:column>
										<p:column>
											<h:outputText
												value="#{calificacionView.selectedGrupo.curso.cursdescripv}° #{calificacionView.selectedGrupo.curso.cursnombrev}" />
										</p:column>
										<p:column style="font-weight: bold;">FECHA: </p:column>
										<p:column>
											<h:outputText
												value="#{calificacionView.selectedGrupo.califechad}">
												<f:convertDateTime type="date" pattern="dd-MM-yyyy" />
											</h:outputText>
										</p:column>
									</p:row>
								</p:panelGrid>

								<br />

								<h:panelGrid columns="3">
									<h:outputText value="GRADO: " style="font-weight: bold;" />
									<p:selectOneMenu value="#{calificacionView.salonSelect}"
										style="width: 210;" binding="#{calificacionView.cmbSalon}"
										disabled="false" styleClass="inputstyle">
										<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
										<f:selectItems value="#{calificacionView.listSalon}"
											var="salon"
											itemLabel="#{calificacionView.selectedGrupo.curso.cursdescripv}°#{salon.cursdescripv} #{salon.cursnombrev}"
											itemValue="#{salon.cursidn}" />
									</p:selectOneMenu>

									<p:selectOneMenu value="#{calificacionView.jornadaSelect}"
										style="width: 105;" binding="#{calificacionView.cmbJornada}"
										disabled="false" styleClass="inputstyle">
										<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
										<f:selectItems value="#{calificacionView.listJornada}"
											var="jornada" itemLabel="#{jornada.jorndescripv}"
											itemValue="#{jornada.jornidn}" />
									</p:selectOneMenu>
								</h:panelGrid>
							</h:panelGrid>

							<p:graphicImage url="/images/logo3editores.png" />
						</h:panelGrid>

						<h:panelGrid id="panelBotonesCrearSalones" columns="4"
							style="margin: 0 auto">
							<p:commandButton disabled="false" value="Guardar"
								action="#{calificacionView.action_save_salon}"
								update="msg, panelBotonesCrearSalones, panelGridCrearSalones, :formTablaSalones:tablaSalones"
								binding="#{calificacionView.btnSaveSalon}" />
							<p:commandButton disabled="false" value="Limpiar"
								action="#{calificacionView.action_clear_salon}"
								update="msg, panelBotonesCrearSalones, panelGridCrearSalones"
								binding="#{calificacionView.btnClearSalon}" />
						</h:panelGrid>
					</p:panel>
				</h:form>
			</p:dialog>


			<!-- +++++++++++++++++++++++++ MODIFICAR SALON +++++++++++++++++++++++++ -->


			<p:dialog id="dialogModificarSalon" header="Modificar Salón"
				widgetVar="_dialogModificarSalon" appendToBody="true" modal="true"
				width="600" height="250" resizable="false" draggable="false"
				showEffect="clip" hideEffect="clip">

				<p:ajax event="close" listener="#{calificacionView.closeSalon}"
					update="dialogModificarSalon" />

				<h:form>
					<p:panel>
						<p:messages id="msg" showDetail="false" />
						<h:panelGrid columns="2" id="panelGridModificarSalon">
							<h:panelGrid columns="1">
								<p:panelGrid>
									<p:row>
										<p:column style="font-weight: bold;">COLEGIO: </p:column>
										<p:column colspan="5">
											<h:outputText
												value="#{calificacionView.selectedColegio.colecoddanen} - #{calificacionView.selectedColegio.coledescripv}" />
										</p:column>
									</p:row>

									<p:row>
										<p:column style="font-weight: bold;">PAQUETE: </p:column>
										<p:column>
											<h:outputText
												value="#{calificacionView.selectedGrupo.caliidn}" />
										</p:column>
										<p:column style="font-weight: bold;">GRUPO: </p:column>
										<p:column>
											<h:outputText
												value="#{calificacionView.selectedGrupo.curso.cursdescripv}° #{calificacionView.selectedGrupo.curso.cursnombrev}" />
										</p:column>
										<p:column style="font-weight: bold;">FECHA: </p:column>
										<p:column>
											<h:outputText
												value="#{calificacionView.selectedGrupo.califechad}">
												<f:convertDateTime type="date" pattern="dd-MM-yyyy" />
											</h:outputText>
										</p:column>
									</p:row>
								</p:panelGrid>

								<br />

								<h:panelGrid columns="3">
									<h:outputText value="GRADO: " style="font-weight: bold;" />
									<p:selectOneMenu value="#{calificacionView.salonSelect}"
										style="width: 210;"
										binding="#{calificacionView.cmbSalonModificar}"
										disabled="false" styleClass="inputstyle">
										<f:selectItems value="#{calificacionView.listSalon}"
											var="salon"
											itemLabel="#{calificacionView.selectedGrupo.curso.cursdescripv}°#{salon.cursdescripv} #{salon.cursnombrev}"
											itemValue="#{salon.cursidn}" />
									</p:selectOneMenu>

									<p:selectOneMenu value="#{calificacionView.jornadaSelect}"
										style="width: 105;"
										binding="#{calificacionView.cmbJornadaModifcar}"
										disabled="false" styleClass="inputstyle">
										<f:selectItems value="#{calificacionView.listJornada}"
											var="jornada" itemLabel="#{jornada.jorndescripv}"
											itemValue="#{jornada.jornidn}" />
									</p:selectOneMenu>
								</h:panelGrid>
							</h:panelGrid>

							<p:graphicImage url="/images/logo3editores.png" />
						</h:panelGrid>

						<h:panelGrid id="panelBotonesModificarSalones" columns="4"
							style="margin: 0 auto">
							<p:commandButton disabled="false" value="Modificar"
								action="#{calificacionView.action_modify_salon}"
								update=":messages, panelBotonesModificarSalones, panelGridModificarSalon, :formTablaSalones:tablaSalones"
								binding="#{calificacionView.btnModSalon}"
								oncomplete="_dialogModificarSalon.hide()" />
						</h:panelGrid>
					</p:panel>
				</h:form>
			</p:dialog>


			<!-- +++++++++++++++++++++++++ TABLA SALONES +++++++++++++++++++++++++ -->


			<h:form id="formTablaSalones">

				<p:panelGrid style="margin-top:-2px">
					<p:row>
						<p:column style="font-weight: bold; width:10%;">
							<p:dataTable var="salones" id="tablaSalones"
								style="height: 236;  border: none; margin-left: -10px;  margin-top: -4px;  margin-bottom: -4px; margin-right: -10px; "
								value="#{calificacionView.listSalonesGrupoV}"
								rowKey="#{salones.id.caliidn}"
								emptyMessage="No se encontraron salones." paginator="true"
								paginatorPosition="top" rows="8" selectionMode="single"
								selection="#{calificacionView.selectedSalonV}">

								<p:ajax process="tablaSalones" event="rowSelect"
									listener="#{calificacionView.onRowSelectSalon}"
									update=":formTabViewCalificacion:tabViewCalificaciones, :formTabViewCalificacion:tabViewCalificaciones:formAccordionPanel:accordionPanel:formTablaEstudiantes:tablaEstudiantes" />


								<p:ajax event="rowUnselect"
									listener="#{calificacionView.onRowUnSelectSalon}"
									update=":formTabViewCalificacion:tabViewCalificaciones" />

								<p:column>
									<f:facet name="header">
										<h:outputText value="Curso - Jornada" />
									</f:facet>
									<h:outputText value="#{salones.id.cursoCursdescripv}" />
								</p:column>

								<p:column>
									<f:facet name="header">
										<h:outputText value="# Alumnos" />
									</f:facet>
									<h:outputText value="#{salones.id.nalumnos}" />
								</p:column>
							</p:dataTable>
						</p:column>
					</p:row>
				</p:panelGrid>

				<p:panelGrid id="infoFooter">
					<f:facet name="footer">
						<p:row>
							<p:column style="font-weight: bold; font-size: 9 ">COLEGIO:</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText
									value="#{calificacionView.selectedColegio.coledescripv}"
									style="font-size: 9" />
							</p:column>
						</p:row>

						<p:row>
							<p:column style="font-weight: bold; font-size: 9; width:10%;">DISTRIBUIDOR:</p:column>
							<p:column style="font-weight: bold; ">
								<h:outputText
									value="#{calificacionView.selectedGrupo.distribuidor.distnombrev}"
									style="font-size: 9" />
							</p:column>
						</p:row>
					</f:facet>
				</p:panelGrid>
			</h:form>
		</p:layoutUnit>

		<p:layoutUnit id="right" size="48%" position="east" closable="false"
			resizable="true" collapsible="true" style="text-align:center">


			<!-- +++++++++++++++++++++++++ MENU CALIFICACION +++++++++++++++++++++++++ -->


			<h:form>
				<p:panelGrid style="margin-top:-2px">
					<p:row>
						<p:column style="font-weight: bold; width:5%;">
							<p:menubar
								style="border: none; margin-left: -10px;  margin-top: -4px;  margin-bottom: -3px; margin-right: -10px; ">
								<p:menuitem id="addCalificacion" value=""
									icon="addcalificacion-icon"
									actionListener="#{calificacionView.crearCalificacion}"
									update=":messages">
								</p:menuitem>

								<p:menuitem id="deleteCalificacion" value=""
									icon="deletecalificacion-icon"
									actionListener="#{calificacionView.eliminarCalificacion}"
									update=":messages, :dialogModificarPaquete, :formTablaSalones:tablaSalones, :formTabViewCalificacion:tabViewCalificaciones"
									onstart="return confirm('Realmente desea borrar esta calificación?')">
								</p:menuitem>

								<p:menuitem id="addEstudiante" value=""
									icon="addestudiante-icon"
									actionListener="#{calificacionView.crearEstudiante}"
									update=":messages">
								</p:menuitem>

								<p:menuitem id="editEstudiante" value=""
									icon="editestudiante-icon"
									actionListener="#{calificacionView.crearEstudiante}"
									update=":messages">
								</p:menuitem>

								<p:menuitem id="deleteEstudiante" value=""
									icon="deleteestudiante-icon"
									actionListener="#{calificacionView.crearEstudiante}"
									update=":messages">
								</p:menuitem>

							</p:menubar>

							<p:tooltip for="addCalificacion" value="Crear Calificación"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />

							<p:tooltip for="addEstudiante" value="Crear Estudiante"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />

							<p:tooltip for="deleteCalificacion" value="Eliminar Calificación"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />

							<p:tooltip for="editEstudiante" value="Modificar Estudiante"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />

							<p:tooltip for="deleteEstudiante" value="Eliminar Estudiante"
								showEffect="fade" hideEffect="fade" style="font-size: 11px;" />
						</p:column>
					</p:row>
				</p:panelGrid>
			</h:form>


			<!-- +++++++++++++++++++++++++ CREAR CALIFICACION +++++++++++++++++++++++++ -->


			<p:dialog id="dialogCrearCalificacion" header="Crear Calificación"
				widgetVar="_dialogCrearCalificacion" appendToBody="true"
				modal="true" width="475" height="230" resizable="false"
				draggable="false" showEffect="clip" hideEffect="clip">

				<p:ajax event="close"
					listener="#{calificacionView.closeCalificacion}"
					update="dialogCrearCalificacion" />

				<h:form style="width:450px; position:absolute;">

					<p:panel>
						<p:messages id="msg" showDetail="false" />
						<h:panelGrid columns="2">
							<h:panelGrid columns="2" style="height:90px">
								<h:outputText value="Tipo Examen: " />
								<p:selectOneMenu value="#{calificacionView.tipoExamenSelect}"
									style="width: 178;" binding="#{calificacionView.cmbTipoExamen}"
									disabled="false" styleClass="inputstyle">
									<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
									<f:selectItems value="#{calificacionView.listTipoExamen}"
										var="tipoExamen" itemLabel="#{tipoExamen.tipoexamdescript}"
										itemValue="#{tipoExamen.tipoexamidn}" />
									<p:ajax event="change"
										listener="#{calificacionView.listener_cmbTipoExamen}"
										update="cmbExamenes" />
								</p:selectOneMenu>

								<h:outputText value="Examen: " />
								<p:selectOneMenu id="cmbExamenes"
									value="#{calificacionView.examenSelect}" style="width: 178;"
									binding="#{calificacionView.cmbExam}" disabled="false">
									<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
									<f:selectItems value="#{calificacionView.list_Examen}"
										var="examenes" itemLabel="#{examenes.examnombrev}"
										itemValue="#{examenes.examidn}" />
								</p:selectOneMenu>
							</h:panelGrid>
							<p:graphicImage url="/images/logo3editores.png" />
						</h:panelGrid>

						<h:panelGrid id="panelBotonesCrearCalificacion" columns="2"
							style="margin: 0 auto">
							<p:commandButton disabled="false" value="Guardar"
								action="#{calificacionView.action_save_calificacion}"
								binding="#{calificacionView.btnSaveCal}"
								update="panelBotonesCrearCalificacion, msg, :formTabViewCalificacion:tabViewCalificaciones" />
						</h:panelGrid>
						<br />
					</p:panel>
				</h:form>
			</p:dialog>


			<!-- +++++++++++++++++++++++++ CREAR ESTUDIANTE +++++++++++++++++++++++++ -->


			<p:dialog id="dialogCrearEstudiante" header="Crear Estudiante"
				widgetVar="_dialogCrearEstudiante" appendToBody="true" modal="true"
				width="475" height="230" resizable="false" draggable="false"
				showEffect="clip" hideEffect="clip">

				<p:ajax event="close" listener="#{calificacionView.closeEstudiante}"
					update="dialogCrearEstudiante" />

				<h:form style="width:450px; position:absolute;">

					<p:panel>
						<p:messages id="msg" showDetail="false" />
						<h:panelGrid columns="2" id="panelGridCrearEstudiante">
							<h:panelGrid columns="2" style="height:90px">

								<h:outputText value="Nombre: " />
								<p:inputText id="txtEstunombrev"
									binding="#{calificacionView.txtEstunombrev}"
									title="Apelllidos Nombres" style="width: 230;" />

								<h:outputText value="Sexo: " />
								<p:selectOneMenu value="#{calificacionView.sexoSelect}"
									style="width: 128;" binding="#{calificacionView.cmbSexo}"
									disabled="false">

									<f:selectItems value="#{calificacionView.listSexo}" var="sexo"
										itemLabel="#{sexo.genedescripv}" itemValue="#{sexo.geneidn}" />
								</p:selectOneMenu>
							</h:panelGrid>
							<p:graphicImage url="/images/logo3editores.png" />
						</h:panelGrid>

						<h:panelGrid id="panelBotonesCrearEstudiante" columns="2"
							style="margin: 0 auto">
							<p:commandButton disabled="false" value="Agregar"
								action="#{calificacionView.action_save_estudiante}"
								binding="#{calificacionView.btnSaveEstudiante}"
								update="panelBotonesCrearEstudiante, msg, :formTabViewCalificacion:tabViewCalificaciones, panelGridCrearEstudiante" />
						</h:panelGrid>

						<br />
					</p:panel>
				</h:form>
			</p:dialog>


			<h:form id="formTabViewCalificacion">
				<p:tabView scrollable="true" id="tabViewCalificaciones"
					onTabShow="true" var="calificaciones" dynamic="true" cache="true"
					activeIndex="0" binding="#{calificacionView.tabView}"
					value="#{calificacionView.listCalificacion}">

					<p:ajax event="tabChange"
						listener="#{calificacionView.onTabChange}"
						update="formAccordionPanel:accordionPanel:formTablaEstudiantes:tablaEstudiantes" />

					<p:tab
						title="#{calificaciones.examen.examnombrev} [#{calificaciones.caliidn} #{calificaciones.califechad}]">


						<!-- +++++++++++++++++++++++++ CREAR ESTUDIANTES +++++++++++++++++++++++++ -->


						<h:form id="formAccordionPanel">
							<p:accordionPanel id="accordionPanel" multiple="true"
								activeIndex="0" cache="true" dynamic="false">

								<!-- <p:ajax event="tabChange" listener="#{tabBean.onTabChange}" update="formTablaEstudiantes:tablaEstudiantes"/> -->

								<p:tab title="Estudiantes">


									<!-- +++++++++++++++++++++++++ TABLA ESTUDIANTES +++++++++++++++++++++++++ -->


									<h:form id="formTablaEstudiantes">
										<p:panelGrid style="margin-top:-2px">
											<p:row>

												<p:column style=" width:10%;">

													<p:dataTable var="estudiantes" id="tablaEstudiantes"
														widgetVar="_tablaEstudiantes"
														style="border: none; margin-left: -10px;  margin-top: -4px;  margin-bottom: -4px; margin-right: -10px; "
														value="#{calificacionView.listEstudiantesporCalificacion}"
														emptyMessage="No se encontraron estudiantes."
														rowKey="#{estudiantes.estudiante.estuidn}"
														selectionMode="single"
														selection="#{calificacionView.selectedEstudiante}">

														<p:ajax process="tablaEstudiantes" event="rowSelect"
															listener="#{calificacionView.onRowSelectGrupo}" update="" />

														<p:ajax event="rowUnselect"
															listener="#{calificacionView.onRowUnSelectGrupo}"
															update="" />

														<p:column>
															<f:facet name="header">
																<h:outputText value="#" />
															</f:facet>
															<h:outputText />
														</p:column>

														<p:column filterBy="#{estudiantes.estudiante.estunombrev}">
															<f:facet name="header">
																<h:outputText value="Nombre" />
															</f:facet>
															<h:outputText
																value="#{estudiantes.estudiante.estunombrev}" />
														</p:column>

														<p:column>
															<f:facet name="header">
																<h:outputText value="Sexo" />
															</f:facet>
															<h:outputText
																value="#{estudiantes.estudiante.genero.genedescripv}" />
														</p:column>
													</p:dataTable>
												</p:column>
											</p:row>
										</p:panelGrid>
									</h:form>
								</p:tab>


								<!-- +++++++++++++++++++++++++ CARGAR RESPUESTAS +++++++++++++++++++++++++ -->


								<p:tab title="Cargar Respuestas">

								</p:tab>
							</p:accordionPanel>
						</h:form>
					</p:tab>
				</p:tabView>
			</h:form>
		</p:layoutUnit>

	</p:layout>

</h:body>

</html>




